﻿@{
    Layout = "~/Views/Shared/_LayoutSubscribe.cshtml";
}

<style>
    .wrapper {
        max-width: 1090px;
        margin: auto;
    }

        .wrapper .screen {
            width: 560px;
            margin: auto;
        }

    .text-center {
        text-align: center;
    }

    .block-centered {
        float: none;
        margin: auto;
    }

    .gutter {
        margin-left: 2%;
        height: 37px;
        line-height: 0px;
    }
</style>

<div class="wrapper">
    <h1 class="text-center">Writer Stars</h1>
    <br />
    <div class="screen">
        <iframe width="560" height="315" src="https://www.youtube.com/embed/XJHq0YZKqc0" frameborder="0" allowfullscreen></iframe>

        <br />
        <br />
        <br />
        <div>
            @if (this.ViewBag.Message != null)
            {
                <h6 class="text-center text-success">@this.ViewBag.Message</h6>
            }
            else
            {
                <h6 class="text-center">Subscribe for more</h6>            
            }
            <br />
            <form method="post" action="/home/subscribe">
                <div class="col-xs-10 block-centered">
                    <input type="email" name="email" class="col-xs-8" placeholder="Email" />
                    <button type="submit" class="col-xs-3 gutter btn btn-warning">Subscribe</button>
                </div>
            </form>
        </div>
    </div>
</div>

